a{text-decoration:none;} li{list-style: none; }
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;  }
input{ border:0 none;-webkit-appearance:none;   background: transparent;color:white; }
/**{-webkit-user-select: none;  *//*禁用手机浏览器的用户选择功能*/
/*-moz-user-select:none;}*/
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot?48eqj1');
  src:url('fonts/icomoon.eot?48eqj1#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?48eqj1') format('truetype'),
  url('fonts/icomoon.woff?48eqj1') format('woff'),
  url('fonts/icomoon.svg?48eqj1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-long-arrow-right:before {  content: "\f178";  }
.icon-eye:before {  content: "\f06e";  }
.icon-eye-slash:before {  content: "\f070";  }
.icon-map-marker:before {  content: "\f041";  }
.icon-commenting-o:before {  content: "\f27b";  }
.icon-plus:before {  content: "\f067";  }
.icon-minus:before {  content: "\f068";  }
.icon-user:before {  content: "\f007";  }
.icon-close:before {  content: "\f00d";  }
.icon-remove:before {  content: "\f00d";  }
.icon-times:before {  content: "\f00d";  }
.icon-venus:before {  content: "\f221";  }
.icon-mars:before {  content: "\f222";  }
.icon-crosshairs:before {  content: "\f05b";  }
.icon-spinner:before {  content: "\f110";  }
.icon-refresh:before {  content: "\f021";  }
.icon-gamepad:before {  content: "\f11b";  }
/*字体font设置end*/
/*动画*/
@-webkit-keyframes badbounce {
  0%,100% {  -webkit-transform: translateY(0px);  }
  10% {  -webkit-transform: translateY(6px);  }
  30% {  -webkit-transform: translateY(-4px);  }
  70% {  -webkit-transform: translateY(3px);  }
  90% {  -webkit-transform: translateY(-2px);  }
}
@-moz-keyframes badbounce {
  0%,100% {  -moz-transform: translateY(0px);  }
  10% {  -moz-transform: translateY(6px);  }
  30% {  -moz-transform: translateY(-4px);  }
  70% {  -moz-transform: translateY(3px);  }
  90% {  -moz-transform: translateY(-2px);  }
}
@keyframes badbounce {
  0%,100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
  30% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
.ss_animate {  -webkit-animation: badbounce 1s linear;  -moz-animation: badbounce 1s linear;  animation: badbounce 1s linear;  }
/*动画end*/
.icon-long-arrow-right{padding-left:10px;}
*{margin:0;padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cover_hei,.get_start,.htmleaf-container,.zoom_nav,.fans_btn,.refresh,.game_btn,.start_banner{position:absolute;}
.start_banner{top:0;left:0;width:100%;background: #257AC3;z-index: 300;}  .start_banner img{height:70px;}
.start_banner div{text-align: center;}
.cover_hei{width:100%;height:100%;left:0;top:0;background: #000;opacity:0.6;filter:alpha(opacity=60); z-index: 100;}
.get_start{width:300px;left:50%;top:50%;margin-top:-30px;margin-left:-150px;text-align: center;font-size: 20px;z-index: 200;}
.get_start_btn{width:80%;height:60px;background: #1D6699;border-radius: 10px;margin: 0 auto;color:#fff;cursor:pointer;  }
/*.get_start .get_start_btn:hover{background: #fff;color:#F12978;}*/
.get_start_btn p{line-height: 60px;font-weight: bold;}
.htmleaf-container{  left:50%;margin-left:-40px;bottom:3px;  }
#ss_menu{
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg); /*width:80px; width:0px;*/   position:absolute;  top:130px;  }
 .icon-bg{  padding-top: 1px;  color:white;  position: absolute;  width: 55px;  height: 55px;  font-size: 26px;  text-align: center;  background: #1D6699;  border-radius: 50%;  display: none; cursor: pointer;  }
#ss_menu .icon-bg i{  display: block;  }
#ss_menu .icon-bg p{  font-size:12px;margin-top: 2px;  }
/*#ss_menu .icon-bg:hover {*/
  /*background: white;*/
  /*color:#F74C92;*/
/*}*/
#ss_menu .eye{  top:-20px;left:-70px;  }
#ss_menu .map{  top: -80px;  left: 10px;  }
#ss_menu .commenting{  top: -20px;  left: 82px; }
.menu{  width: 70px;  height: 70px;  background: #1D6699;border-radius: 50%;  }
.menu .tag_text{  position: absolute;  left: 50%;  margin-left: -17px;  top: 20px;  font-weight: bold;  display:none;  color:white;  }
.menu #ss_toggle{  width:70px;height:70px;  cursor:pointer;border-radius: 50%;  position: absolute;  top: 0;  left: 0;  }
#ss_toggle .tag_img{  width:100%;  position:absolute;  }
/*.menu #ss_toggle:hover{background: #009688;}*/
.zoom_nav{  left: 3px;  top: 50%;  margin-top: -123px;  }
.zoom_in,.zoom_out{  border-radius: 50%;  text-align: center;  cursor:pointer;}
.icon-plus,.icon-minus{  display: block;  width:40px;height:40px;  border:2px solid white;  line-height: 40px;font-size: 28px;  color:white; border-radius: 50%;  background: #1D6699;  }
.zoom_out{  text-align: center;  width: 40px;}
.zoom_out span{  width: 36px;  height: 36px;  margin: 0 auto;  line-height: 36px;  }
/*.zoom_nav span:hover{*/
  /*background: white;*/
  /*color:#F74C92;border:2px solid #F74C92;*/
/*}*/
.nav_bar{  margin: 0 auto;  width:8px;height:170px;background: rgba(255,255,255,0.5);border: 1px solid white;border-top:none;border-bottom: none;  }
.refresh{  right:2px;  bottom:50%;  margin-top:-25px;  background:#1D6699 ;  width:50px;height:50px;border-radius: 50%;color:white;  text-align: center;color: white;cursor:pointer;  }
.refresh span{  line-height: 50px;  font-size:24px;display:block;  }
/*fans按钮和fans列表*/
.fans_btn,.game_btn{  top:5px;right:2px;  background:#1D6699 ;  width: 50px;  height: 50px;border-radius: 50%;  text-align: center;color: white;cursor:pointer;
}
/*.fans_btn:hover{color: #F74C92;background:white ;}*/
.fans_btn .icon-user{  font-size: 28px;  line-height: 30px;  }
.fans_btn p{font-size:12px;}
.fans_list_box{  position: absolute;  z-index:20000;  top:50%;  left:50%;  margin-top:-200px;  margin-left:-150px;  height:400px;  width:300px;  display: none;  }
.fans_list_box.mob-fans-list-box{  position: absolute;  margin-top:-180px;  -webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%); height:360px; width:80%; margin-left:0;  }
.fans_hd{  padding:10px 0;  background: #1D6699;border-radius:4px 4px 0 0 ;position: relative;  }
.fans_head{overflow: hidden;width: 120px; margin:0 auto;  }
.fans_head li{  float: left; width:60px;text-align: center;background-color:rgba(0,0,0,0.5);cursor:pointer;  }
.fans_head .icon-venus,.fans_head .icon-mars{  color:#F64A34;font-size: 14px;padding-left: 3px;  }
.fans_head .woman_btn{border-radius: 4px 0 0 4px;}
.fans_head .man_btn{border-radius: 0 4px 4px 0;}
.fans_head li.fans_head_cur{background-color:rgba(0,0,0,0.7);  }
.fans_head li span{color:white; height:40px;line-height: 40px; font-size: 16px;  }
.fans_list_close{  position: absolute; right: 0px;top: 0px;width: 40px;text-align: center;height: 40px; cursor:pointer; color: white;font-size: 22px; line-height: 40px;  }
/*.fans_list_close:hover{color:black;}*/
.list_inner{height: 86%; background: #f8f8f8;border-left:1px solid #C7C9C8;overflow: auto;  }
.fans_list{padding: 0 2% 10px;  }
.fans_list li{height:66px; padding-top: 10px;width: 100%; border-bottom: 1px solid #D8D8D8;  }
.fans_list li .fans_head_img{ width:46px;  }
.fans_head_img img{ width:100%;  }
.fans_list li .fans_head_img img{border-radius: 50%;}
.fl{ float: left;  }
.fr{  float: right;  }
.fans_text{padding:6px 0 0 10px;width: 65%; overflow: hidden; }
.fans_text .nickname{line-height: 18px; font-size: 18px;font-weight: bold;padding-bottom: 8px; overflow: hidden; height: 18px; }
.fans_text .text{  color:#B8B5B5;font-weight: bold;font-size:12px;height: 18px;line-height: 18px;margin-top: 4px; }
.fans_tag_area{padding-top: 10px;width:16%;  }
.fans_tag_area a{  display: block; width: 100%;font-size: 30px;color: #F64A34;  }
/*.fans_tag_area a:hover{color:#F74C92;}*/
#fans_list_man{display: none;  }
#fans_list_woman{display: block;  }
.fans_bd{ height:100%;  }
.add_height{ height:10px; background: #f8f8f8;  }
.icon-spinner{font-size: 24px;}
.pullUp{margin: 0 auto;  }
.pullUp_woman{display:table;}
.pullUp_man{display:none;}
.pullUpLabel{font-size:14px;padding-left:14px;}
.pullUp.loading .icon-spinner {
  background-position:0 100%;
  -webkit-transform:rotate(0deg) translateZ(0);
  -webkit-transition-duration:0ms;

  -webkit-animation-name:loading;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading { from { -webkit-transform:rotate(0deg) translateZ(0); } to { -webkit-transform:rotate(360deg) translateZ(0); } }
.tag_loading{position:absolute;width:100px;color:#1D6699;left:50%;margin-left:-50px;top:50%;text-align:center;font-size:30px;display:none;}
/*标注粉丝标注自己的话*/
.comment-modal-mobile { display: block; position: absolute; bottom: 0; width: 100%; padding: 10px; background-color: rgba(0,0,0,.5); z-index: 10;}
input{border:0 none; -webkit-appearance:none; background: transparent; color:white; float: left; }
input[type=text]{border:1px solid #1D6699;height:35px;}
.comment-modal-mobile ul{float: right;overflow: hidden;}
.comment-modal-mobile a{ color: #1D6699; width: 60px;display: block; border-color: #1D6699;  background-color: transparent; height: 35px; line-height: 35px; text-align: center;vertical-align: middle; cursor: pointer;  background-image: none;  border-width: 1px;  border-style: solid; white-space: nowrap; -webkit-user-select: none; }
.comment_ul li:first-child { margin-right:10px;  }
.comment_ul li:first-child  a.cur{ border-color: #B0B0B0; color:#B0B0B0;  }
.wx_y,.wx_n{display: none;}
.wx_n ul{ float:none; width:170px;margin:0 auto; }
.wx_n ul li:first-child a{ width:100px; background: #1D6699; color:white; }
.no_wx_p{height: 35px;line-height: 35px; margin-bottom: 10px;color: #fff;text-align: center;  }
.comment-modal-mobile .hidden{  display: none;  }
.comment_ul li:first-child  a.cur{ border-color: #B0B0B0; color:#B0B0B0;   }
.comment_ul li{float:left;}/*.fans_btn:hover{color: #F74C92;background:white ;}*/
/*game游戏界面*/
.game-area,.game_btn,.start_game_tip,.end_game_tip{position:absolute;}
.game_btn{ top:2px;left:2px;  }
.game_btn span{  font-size: 28px;  line-height: 27px;  }
.game_btn p{font-size:12px;}
.game-area{left:50%;margin-left:-250px;top:0;z-index: 20;background:#FFFFDB;width:100%;max-width:500px;padding:3px;display:none;}
.game-area ul li{  float: left;width:32.333333%;border: 1px solid #1D6699;border-radius:4px;height: 48px;padding:4px;cursor:pointer;margin-right:1%;}
.game-area ul .rank-area{margin-right:0;width:33.333333%;}
.user-area  div,.found-area  div{float:left;line-height: 40px;}.user-img{width:40px;}
.user-img img{border-radius: 50%;}
.rank_btn{height:40px;}
.user-area .user-name,.found-area .user-num{padding-left:18%;}
.user-num span{color:#1D6699;}  .user-num .num1{}.user-num .num2{font-size:20px;}
.start_game_tip,.end_game_tip{left:50%;  top:50%;  width:200px;  margin-left:-100px;  margin-top:-50px; display:none;   }
.start_game_tip span,.end_game_tip span{position:absolute;right:0px;top:5px;color:#1D6699;cursor:pointer;width:30px;height:30px;text-align:center;}
.game_list_box{  position: absolute;  z-index:20000;  top:50%;  left:50%;  margin-top:-200px;  margin-left:-150px;  height:400px;  width:300px; display:none; }
 .game_score_hd{padding: 10px 0;  background: #1D6699;border-radius: 4px 4px 0 0;position: relative;}
.game_list_box .hd_title{text-align:center;}
.game_list_close{  position: absolute; right: 0px;top: 0px;width: 40px;text-align: center;height: 40px; cursor:pointer; color: white;font-size: 22px; line-height: 40px;  }
.game_list_box .hd_title img{width: 36%;}
.game_score_hd .game_list{padding: 0 2% 10px;}
.game_list li{height:66px; padding-top: 10px;width: 100%; border-bottom: 1px solid #D8D8D8; padding-left: 3%; }
.game_list li .game_head_img{ width:46px;  }
.game_head_img img{ width:100%; border-radius: 50%; }
.game_text{padding-left:12px;width: 59%; height:46px;line-height:46px; }
.game_text .nickname{font-size: 18px;font-weight: bold; }
.game_tag_area{width:22%; color:#1D6699;font-size:18px; height:46px;line-height:46px;}
.game-area .mob_user_cur{width: 56%;  overflow: hidden;  padding-left:3%;}
.midi_green{background: #4DB419;}
.comment-modal-mobile li .midi_color{color:#4DB419;border-color:#4DB419;}
.game-area ul .midi_border{border-color:#4DB419;}.midi_black{background: black;}
